<?php $aPath = Yii::app()->theme->baseUrl . '/assets/'; ?>

<!-- promo-slider Start -->
<div class="owl-carousel promo-slider">
    <!--    <div class="item">
            <div class="promo-slider__photo">
                <img src="<?php echo $aPath; ?>images/src/9maySliderImage.png" alt="promo-slider-img" />
            </div>    
            <div class="promo-slider__content">
                <h3>
                    <strong>Акция!</strong> В честь майских праздников!
                </h3>
                <p>Наша компания поздравляет Вас с майскими праздниками! А так же, объявляет о проведении акции на время майских праздников.
    Ремонт всей техники будет проводиться с 9,99% скидкой на работу наших мастеров.</p>
                <span class="global-button big-size">
                    <a href="/online-zakaz">Заказать онлайн сейчас</a>
                </span>
            </div>    
        </div>-->

    <!--    <div class="item">
            <div class="promo-slider__photo">            
                <img src="<?php echo $aPath; ?>images/src/akciya_1.png" alt="akciya" />
            </div>    
            <div class="promo-slider__content">
                <h3>
                    Осенний БУМ!
                </h3>
                <p>
                    Всем клиентам, получившим СМС с промо-кодом, предоставляется скидка - 303 рубля на наши услуги! Вы можете переслать данный код своим друзьям, близким, либо воспользоваться им сами! Каждый код уникален и воспользоваться им можно 1 раз!
                </p>
                <span class="global-button big-size">
                    <a href="/online-zakaz">Заказать онлайн сейчас</a>
                </span>
            </div>    
        </div>-->
    <div id="stop-owl" class="item">
        <div class="promo-slider__photo">
            <div class="youtube-2" id="4OOwxD6Tkic"></div>
            <!--<iframe width="500" height="277" src="//www.youtube.com/embed/4OOwxD6Tkic" frameborder="0" allowfullscreen></iframe>-->
            <!--<img src="<?php echo $aPath; ?>images/src/earth.png" alt="promo-slider-img" />-->
        </div> 
        <div class="promo-slider__content">
            <h3>
                <strong>22 сервис-центров</strong> в 6 городах России
            </h3>
            <p>Для жителей Москвы, Санкт-Петербурга, Нижнего Новгорода, Екатеринбурга, Новосибирска и Казани работают 22 сервис-салонов компании Моби03. В любой точке своего города Вы сможете нас найти. Мы там, где Вам удобно.</p>
            <span class="global-button big-size">
                <a href="/online-zakaz">Заказать онлайн сейчас</a>
            </span>
        </div>  
    </div>
    <div class="item">
        <div class="promo-slider__photo">
            <!--<iframe width="500" height="277" src="//www.youtube.com/embed/JhNJKrLZGok" frameborder="0" allowfullscreen></iframe>-->  
            <img src="<?php echo $aPath; ?>images/src/promo-slider-img.png" alt="promo-slider-img" />
        </div>    
        <div class="promo-slider__content">
            <h3>
                <strong>Бесплатная доставка</strong> в сервис курьером
            </h3>
            <p>Нет времени посетить сервисный центр Моби03? Для Вас предусмотрен бесплатный забор неисправной техники в сервисный центр, вне зависимости от размеров и веса. Экономьте на перевозке вместе с нами!</p>
            <span class="global-button big-size">
                <a href="/online-zakaz">Заказать онлайн сейчас</a>
            </span>
        </div>    
    </div>

    <!--    <div class="item">
            <div class="promo-slider__photo">
                <img src="<?php //echo $aPath;         ?>images/src/diagnostics.png" alt="promo-slider-img" />
            </div> 
            <div class="promo-slider__content">
                <h3>
                    <strong>Мы не берем денег</strong> за диагностику!
                </h3>
                <p>Никаких скрытых комиссий и сервисных сборов, все предельно честно. Вы отдаете свою технику на совершенно бесплатную диагностику и получаете точный ответ о неисправности гаджета. Оплачиваются только ремонтные работы.</p>
                <span class="global-button green-bg big-size">
                    <a href="/online-zakaz">Заказать онлайн сейчас</a>
                </span>
            </div>  
        </div>-->
    <div class="item">
        <div class="promo-slider__photo">
            <img src="<?php echo $aPath; ?>images/src/warranty.png" alt="promo-slider-img" />
        </div> 
        <div class="promo-slider__content">
            <h3>
                <strong>Гарантия качества</strong> услуг и запчастей
            </h3>
            <p>Все работы осуществляются с использованием запчастей от производителей, оригинальность которых подтверждается соответствующей технической документацией. А в доказательство профессионализма команды Моби03 предоставляется гарантия качества на все виды услуг.</p>
            <span class="global-button big-size">
                <a href="/online-zakaz">Заказать онлайн сейчас</a>
            </span>
        </div>  
    </div>



</div>
<!-- promo-slider end -->

<script>
    var i, c, y, v, s, n;
    v = document.getElementsByClassName("youtube-2");
    if (v.length > 0) {
        s = document.createElement("style");
        s.type = "text/css";
        s.innerHTML = '.youtube-2{background-color:#000;max-width:100%;overflow:hidden;position:relative;cursor:hand;cursor:pointer}.youtube-2 .thumb{bottom:0;display:block;left:0;margin:auto;max-width:100%;position:absolute;right:0;top:-49px;width:100%;height:auto}.youtube-2 .play{filter:alpha(opacity=80);opacity:.8;height:77px;left:50%;margin-left:-38px;margin-top:-38px;position:absolute;top:50%;width:77px;background:url("") no-repeat}';
        document.body.appendChild(s)
    }
    for (n = 0; n < v.length; n++) {
        y = v[n];
        i = document.createElement("img");
        i.setAttribute("src", "http://i.ytimg.com/vi/" + y.id + "/hqdefault.jpg");
        i.setAttribute("class", "thumb");
        c = document.createElement("div");
        c.setAttribute("class", "play");
        y.appendChild(i);
        y.appendChild(c);
        y.onclick = function () {
            var a = document.createElement("iframe");
            a.setAttribute("src", "https://www.youtube.com/embed/" + this.id + "?autoplay=1&autohide=1&border=0&wmode=opaque&enablejsapi=1");
            a.setAttribute("width", "500");
            a.setAttribute("height", "277");
            this.parentNode.replaceChild(a, this)
        }
    }
    ;
</script>
<style>
    .youtube-2 {
        border-radius: 15px;
        width: 500px;
        height: 277px;        
    }
</style>
